The volume bars can be displayed in-line with the chart as an underlay or they can be displayed on a separate study panel.
Volume Underlay
Borders are defined in the CSS. You can set them to any color you wish.
To disable the borders, simply set the 'border-left-color' properties to "transparent".
Example
/* Volume underlay styles */
.stx_volume_underlay_up {
color: rgb(140, 193, 118);
opacity: .5;
border-left-color: transparent;
}
.stx_volume_underlay_down {
color: rgb(184, 45, 12);
opacity: .5;
border-left-color: transparent;
}
.Dark .stx_volume_underlay_up {
border-left-color: transparent;
}
.Dark .stx_volume_underlay_down {
border-left-color: transparent;
}
Volume Panel
To control the border display on the volume panel, set the displayBorder
parameter to true
or false
as needed.
Specific colors for the volume panel borders can not be set at this time.
Example:
"vchart": {
"display": "Volume",
"range": "bypass",
"seriesFN": null,
"calculateFN": STX.Studies.calculateVolume,
"inputs": {},
"outputs": {"Up Volume":"#8cc176","Down Volume":"#b82c0c"},
"parameters": {
"zoom": 0,
"displayBorder": true
}